<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<link href="css/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/indexNew.css" />
<link rel="stylesheet" type="text/css" href="css/calendar.css">


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style>
	.white-bg{display: none;}
	#page-content {
		padding: 0 30px;
		top:30px;
	}
</style>
<!--首页内容-->
<div class="indexMaincontent">
	<div style="width:100%;" class="topPart">
		<div class="mainleft">
			<div class="infomation partOneInfo">
				<div class="infomationLt">
					<p>欢迎回来！</p>
					<p>Hi , ${staffInfo.staffName}</p>
					<p>${staffInfo.departmentName}&nbsp;&nbsp;${staffInfo.positionName}</p>
				</div>
				<div class="infomationRt">
					<div class="compangName">
						<span>${staffInfo.companyName}</span>
						<img src="img/index_01.png" alt="" />
					</div>
					<span class="department">部门：${staffInfo.departmentName}</span>
					<div class="item">
						<div class="itemPart">
							<span>${requestScope.taskCount.waitCount}</span>
							<span>待处理</span>
						</div>
						<div class="itemPart">
							<span>${requestScope.taskCount.workIngCount}</span>
							<span>处理中</span>
						</div>
						<div class="itemPart">
							<span>${requestScope.taskCount.finshedCount}</span>
							<span>已处理</span>
						</div>
					</div>
				</div>
			</div>
			<div class="partOneInfo todoCenter">
				<p class="titleIndexmain">待办中心</p>
				<div class="infoListPart">
						<c:forEach items="${requestScope.taskList}" var="taskList">
							<a href="${taskList.businessUrl}&id=${taskList.id}&processInstanceId=${taskList.processInstanceId}">
								<span>
									<c:choose>
										<c:when test="${taskList.status =='1'}"><font style="color:red;">待审批</font></c:when>
										<c:when test="${taskList.status =='2'}"><font style="color:red;">审批中</font></c:when>
										<c:when test="${taskList.status =='3'}"><font style="color:red;">驳回</font></c:when>
										<c:when test="${taskList.status =='4'}"><font style="color:red;">完成</font></c:when>
									</c:choose>
										${taskList.businessTitle}</span>
							<span><fmt:formatDate value="${taskList.createTime}" pattern="yyyy-MM-dd"/></span></a>
						</c:forEach>

				</div>
			</div>
			<div class="commonTolls">
				<p class="titleIndexmain">常用工具</p>
				<div class="commToolsPart">
					<a href="web/mdVendor/getMdVendorList" class="partTools">
						<img src="img/commonTools_01.png" alt="" />
						<span>供应商管理</span>
					</a>
					<a href="web/purchasingRequisition/getPageList" class="partTools">
						<img src="img/commonTools_02.png" alt="" />
						<span>采购申请</span>
					</a>
					<a href="web/poAgreementHead/getPoHead" class="partTools">
						<img src="img/commonTools_03.png" alt="" />
						<span>合同起草</span>
					</a>
					<a href="" class="partTools">
						<img src="img/commonTools_04.png" alt="" />
						<span>询价单</span>
					</a>
					<a href="web/invInputHead/getInvInputHeadList" class="partTools">
						<img src="img/commonTools_05.png" alt="" />
						<span>入库管理</span>
					</a>
					<a href="" class="partTools">
						<img src="img/commonTools_06.png" alt="" />
						<span>付款管理</span>
					</a>
					<a href="" class="partTools">
						<img src="img/commonTools_07.png" alt="" />
						<span>报销管理</span>
					</a>
					<a href="web/invOutputHead/getInvOutputHeadList" class="partTools">
						<img src="img/commonTools_08.png" alt="" />
						<span>出库管理</span>
					</a>
				</div>
			</div>
		</div>
		<div class="mainright">
			<p class="titleIndexmain">通知公告</p>
			<div class="infoListPart noticePart">
				<c:forEach items="${requestScope.noticeList}" var="noticeList">
					<a href="web/sysNotice/getSysNoticeMain?noticeCode=${noticeList.noticeCode}">
						<span>【公告】${noticeList.title}</span>
						<span><fmt:formatDate value="${noticeList.createdDate}" pattern="yyyy-MM-dd"/></span>
					</a>
				</c:forEach>
			</div>
		</div>
	</div>

	<!--我的日程我的报销物资申领帮助中心-->
	<div class="otherPartInfo">
		<div class="schedule">
			<p class="titleIndexmain">我的日程</p>
			<div >
				<div id='container'></div>
			</div>
		</div>
		<div class="schedule">
			<p class="titleIndexmain">我的报销</p>
			<div class="infoListPart noticePart">
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【报销】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>

			</div>
		</div>
		<div class="schedule">
			<p class="titleIndexmain">物资申领</p>
			<div class="infoListPart noticePart">
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【物资申领】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>

			</div>
		</div>
		<div class="schedule">
			<p class="titleIndexmain">帮助中心</p>
			<div class="infoListPart noticePart">
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>
				<a>
					<span>【帮助中心】采购申请的审批预查勘采购申请的审批预查勘</span>
					<span>2021-02-28</span>
				</a>

			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="css/bootstrap-3.3.7/js/simple-calendar.js"></script>
<script>
    var len = $(".topMenuNavWrapUl li").length;
    var i = 0;
    $(".lef").click(function() {
        i++;
        if (i >= len) {
            i = 0;
        }
        console.log(i);
        $(".topMenuNavWrapUl").animate({
            "margin-left": -i * 102 + "px"
        }, 500, function() {})
    })
    $(".rig").click(function() {
        i--;
        if (i <= 0) {
            i = len - 1;
        }
        console.log(i);
        $(".topMenuNavWrapUl").animate({
            "margin-left": -i * 102 + "px"
        }, 500, function() {})
    })

    var myCalendar = new SimpleCalendar('#container');

</script>